<?php echo $javascript->link('jquery.min.js',false); ?>
<?php echo $javascript->link('jquery-ui-custom.min.js',false); ?>
<?php echo $javascript->link('util.js',false); ?>
<?php echo $javascript->link('json.js',false); ?>
<?php echo $javascript->link('json2.js',false); ?>
<?php echo $javascript->link('dump.js',false); ?>
<div class="menu">
<?php  echo $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
</div>
<div class="unidades form">
<?php echo $this->Form->create('Unidade');?>
	<fieldset>
	<div align="left"><?php echo $this->Html->image('add_unidad_titulo.png', array('alt'=> __('Nueva Unidad', true), 'border' => '0'));?></div>
		<table class="tabla_formulario">
		<tr>			
			<td><?php  echo $this->Form->label("Metodologia");
					   echo $this->Form->select('metodologia_id',array($metodologias),null,array('id'=>'metodologia'), false);?>
						<span id="carga_grados" style="display:none;">Cargando...</span>
			<td><?php  echo $this->Form->label("Grado");
					   echo $form->select('grado_id',array(),null,array('id'=>'grado'),false);?>
			</td>			
		</tr>
		<tr>
			<td><span id="cartilla" style="display:none;"><?php echo $this->Form->input('cartilla_id',array('id'=>'cartilla_id'));?></span>
				<span id="carga_cartillas" style="display:none;">Cargando...</span>
				<span id="modulo" style="display:none;"><?php echo $this->Form->input('modulo_id', array('id'=>'modulo_id'));?></span>
				<span id="carga_modulos" style="display:none;">Cargando...</span>
				<span id="area" style="display:none;"><?php echo $this->Form->input('area_id', array('id'=>'area_id'));?></span>
				<span id="carga_areas" style="display:none;">Cargando...</span>					
			</td>
			<td><?php 	echo $this->Form->input('nombre');?></td>
			
		</tr>		
		</table>
	</fieldset>
<?php echo $this->Form->input('dominio',array('type'=>'hidden','value'=>$_SERVER['SCRIPT_NAME'], 'id'=>'dominio'));?>
<?php echo $this->Form->end(__('Guardar', true));?>
</div>

<script>

$(function(){
	$('#metodologia').change(function(){
		$("#carga_grados").show();
		var metodologia_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/grados/get_grados_json/'+metodologia_id, function(grados) {
			var opciones = "";
			for(i in grados){
				opciones += "<option value='"+i+"'>"+grados[i]+"</option>" + "\n";
			}
			$("#grado").html(opciones);
			$("#carga_grados").hide();
		});

		if($('#metodologia').val()=='1'){ //Alfabetizacion
			$("#carga_cartillas").show();
			$.getJSON(dominio+'/cartillas/get_cartillas/', function(cartillas) {
				var opciones = "";
				for(i in cartillas){
					opciones += "<option value='"+i+"'>"+cartillas[i]+"</option>" + "\n";
				}
				$("#cartilla_id").html(opciones);
				$("#modulo_id").html("");
				$("#area_id").html("");
				$("#carga_cartillas").hide();
			});
			$("#cartilla").show();
			$("#modulo").hide();
			$("#area").hide();
		}else if($('#metodologia').val()=='2'){ //Aceleracion
			$("#carga_modulos").show();
			$.getJSON(dominio+'/modulos/get_modulos/', function(modulos) {
				var opciones = "";
				for(i in modulos){
					opciones += "<option value='"+i+"'>"+modulos[i]+"</option>" + "\n";
				}
				$("#modulo_id").html(opciones);
				$("#cartilla_id").html("");
				$("#area_id").html("");
				$("#carga_modulos").hide();
			});
			$("#cartilla").hide();
			$("#modulo").show();
			$("#area").hide();
		}else if($('#metodologia').val()=='3'){ //Postprimaria
			$("#carga_areas").show();
			$.getJSON(dominio+'/areas/get_areas/', function(areas) {
				var opciones = "";
				for(i in areas){
					opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
				}
				$("#area_id").html(opciones);
				$("#carga_areas").hide();
				$("#cartilla_id").html("");
				$("#modulo_id").html("");
			});
			$("#cartilla").hide();
			$("#modulo").hide();
			$("#area").show();
		}		
	});

	$('#grado').change(function(){
		$("#carga_areas").show();
		var grado_id = $(this).val();		
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/areas/get_areas_grado/'+grado_id, function(areas) {			
			var opciones = "";
			for(i in areas){
				opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
			}
			$("#area_id").html(opciones);
			$("#carga_areas").hide();
		});	
	});
	
});

</script>
